<template>
  <div class="recommend">
    <titles :title="title"></titles>
    <swiper-list :List="list"></swiper-list>
  </div>
</template>

<script>
import Titles from './Titles'
import SwiperList from './SwiperTemplate'
export default {
  name: 'Bank',
  data () {
    return {
      title: {
        titleinfo: '银行精选',
        subtitle: '更多银行服务'
      },
      list: [
        {
          id: '001',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/24531/16/10665/7417/5c89b665E36691238/fee88ab4041dfa6a.png?width=210&height=260'
        },
        {
          id: '002',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/17948/37/7015/7528/5c652528E6820d247/660dc53bca95a09e.png?width=210&height=260'
        },
        {
          id: '003',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/27160/6/9560/6688/5c7f9cc6E84620f40/13d4111f9702d2c4.png?width=210&height=260'
        },
        {
          id: '004',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t26410/345/1052784155/8412/66e542af/5bc04992N0d13e713.jpg?width=210&height=260'
        }
      ]
    }
  },
  components: {
    Titles,
    SwiperList
  }
}
</script>

<style lang="stylus" scoped>
  .recommend
    height 380px
    margin-bottom 30px
</style>
